<?php defined('IN_YuLin') || exit('NO PERMIT!'); ?>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content="telephone=no" name="format-detection" />
		<title>{$data['title']} - 开奖结果 - 彩票系统</title>
		<base href="{URL}" />
		<link href="static/css/result.css" rel="stylesheet" />
		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/vue.min.js"></script>
		<script src="static/js/common.js"></script>
		<script>
			var GameCode = '{$data["ptid"]}';
			var _gameid = {$data['id']};
			var gamelist = [];
			{_ $i = 0;}
			{loop $lottery as $val}
				gamelist[{$i++}] = {'gamename':'{$val["title"]}[{_e $val["credit"] ? "信" : "官"}]','id':'{$val["id"]}'};
			{/loop}
		</script>
		<style>
			.result-body span.missing01, .result-body span.missing02 {
				color: #999999;
			}

			.result-con table {
				table-layout: fixed;
				border-spacing: 0;
				border: #ddd solid;
				border-width: 0 0 1px 1px;
			}

				.result-con table td, .result-con table th {
					border: #ddd solid;
					border-width: 1px 1px 0 0;
				}

			.result-con td.col-line, .result-con th.col-line {
				border-right: 1px solid #ff0000;
			}

			.result-con tr.row-line td, .result-con tr.row-line th {
				border-bottom: 1px solid #ff0000;
			}

			.result-con .txt-sm {
				font-size: 11px;
			}

			.result-con .txt-xs {
				font-size: 10px;
			}
			.result-con .ball01{
				background-image: none;
				background-color: #2B9FF8;
				border-radius: 50%;
			}
			.result-con .ball02{
				background-image: none;
				background-color: #E30D0D;
				border-radius: 50%;
			}
			.result-con .ball-blue{
				background-image: none;
				background-color: #00A0E9;
				border-radius: 50%;
			}
			.result-con .ball-orange{
				background-image: none;
				background-color: #FF6501;
				border-radius: 50%;
			}
			.result-con .ball-red{
				background-image: none;
				background-color: #e30d0d;
				border-radius: 50%;
			}
			.result-head{position:static;width:auto;}
			.result-head .result-head-in{width:1472px;background-color:#2d2d2d;}
			.result-body{padding-top:0px;}
			.result-head-in div{height:45px;}
		</style>
    
	</head>
	
	<body>
		<div class="report-top" style="display: none;">
			<dl class="gf">
				<dt><i class="luck-icon"></i></dt>
				<dd class="clear">
					{loop $lottery as $key => $val}
					<a{if $data['id'] == $val['id']} class="on"{/if} href="{U('/lottery/log',['id'=>$val['id']])}">{$val['title']}</a>
					{/loop}
				</dd>
			</dl>
			
			<dl class="xy">
				<dt><i class="luck-icon"></i></dt>
				<dd class="clear">
					{loop $lottery as $key => $val}
					<a{if $data['id'] == $val['id']} class="on"{/if} href="{U('/lottery/log',['id'=>$val['id']])}">{$val['title']}</a>
					{/loop}
				</dd>
			</dl>
		</div>
		<div id="VueRoot">
			<div class="result-head">
				<div class="result-head-in">
					<div class="game">
						<label>{{gameInfo.gamename}}</label>
						<select class="gamelist" v-model="gameID" v-on:change="switchGame">
							<option v-for="item in gameList" v-bind:value="item.id">{{item.gamename}}</option>
						</select>
					</div>
					<div class="checkbox-box" data-bind="visible:gameinfo.totalTpl">
						标注形式选择<label class="checkbox" v-bind:class="{select:polyline}" for="polyline-ck">
							<input style="opacity:0;filter:alpha(opacity=0);margin-left:-12px;"
								   type="checkbox" v-model="polyline" id="polyline-ck" />显示走势折线
						</label>
						<label class="checkbox" v-bind:class="{select:displayTemperature}" for="displayTemperature-ck">
							<input style="opacity:0;filter:alpha(opacity=0);margin-left:-12px;"
								   type="checkbox" v-model="displayTemperature" id="displayTemperature-ck" />显示号温
						</label>
						<label class="checkbox" v-bind:class="{select:displayMissingFloor}" for="displayMissingFloor-ck">
							<input style="opacity:0;filter:alpha(opacity=0);margin-left:-12px;"
								   type="checkbox" v-model="displayMissingFloor" id="displayMissingFloor-ck" />显示遗漏分层
						</label>
						<label class="checkbox" v-bind:class="{select:displayMissing}" v-show="canDisplayMissing" for="displayMissing-ck">
							<input style="opacity:0;filter:alpha(opacity=0);margin-left:-12px;"
								   type="checkbox" v-model="displayMissing" id="displayMissing-ck" />显示遗漏
						</label>
						<label class="checkbox" v-bind:class="{select:displayStatistics}" for="displayStatistics-ck">
							<input style="opacity:0;filter:alpha(opacity=0);margin-left:-12px;"
								   type="checkbox" v-model="displayStatistics" id="displayStatistics-ck" />显示统计
						</label>
						<label class="checkbox" v-bind:class="{select:displayAssist}" for="displayAssist-ck">
							<input style="opacity:0;filter:alpha(opacity=0);margin-left:-12px;"
								   type="checkbox" v-model="displayAssist" id="displayAssist-ck" />显示辅助线
						</label>
					</div>
					<div class="period">
						<a href="javascript:;" v-on:click="tab(30)" v-bind:class="{active:pageSize==30}">最近30期</a>
						<a href="javascript:;" v-on:click="tab(50)" v-bind:class="{active:pageSize==50}">最近50期</a>
						<a href="javascript:;" v-on:click="tab(100)" v-bind:class="{active:pageSize==100}">最近100期</a>
						<a href="javascript:;" v-on:click="tab(200)" v-bind:class="{active:pageSize==200}">最近200期</a>
						<a href="javascript:;" v-on:click="tab(300)" v-bind:class="{active:pageSize==300}">最近300期</a>
					</div>
				</div>
			</div>